@import url(header.css);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url(experience.css);
@import url(profesional.css);
@import url(benevolat.css);
@import url(project.css);
@import url(competences.css);
@import url(footer.css);

*{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box; /* Assurez-vous que le modèle de boîte est défini */
}

body{
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    align-items: center;
}

html{
    scroll-behavior: smooth;
}

span{
    color: #A7A5A5;
}

a{
    text-decoration: none;
    color: black;
}

main{
    display: flex;
    flex-direction: column;
    width: 65vw;
    padding: 10px 10px;
}

h1{
    font-weight: 600;
    font-size: 30px;
}

h2{
    font-weight: 500;
    font-size: 15px;
}

h3{
    font-weight: 500;
    font-size: 15px;
}

p{
    font-weight: 400;
}

.orange{
    color: #FF7A00;
}

.title p{
    font-size: 11px;
}

@media (max-width : 768px){
    main{
        width: 100vw;
    }
}